this.require.define({
  "eevee/react_component/design/helper": function (exports, require, module) {
    var ReactDom = window.ReactDOM || require('react-dom');
    var React = window.React || require('react');
    var container = React.createClass({
      getInitialState: function () {
        return {
          context: this.props.context,
          key: null
        };
      },
      changeContext: function (key, context) {
        this.setState({
          context: context,
          key: key
        });
      },
      componentDidMount: function () {
        this.props._didMount(this, ReactDom.findDOMNode(this));
      },
      render: function () {
        var key = this.state.key;
        var context = this.state.context;
        var path = this.props.path;
        var comp = require(path);
        if (comp == null) {
          throw new Error('not found component:' + path);
        }
        if (comp.default) {
          comp = comp.default;
        }
        this._name = comp.showName;
        return React.createElement(comp, {
          key: key || 'init',
          _initState: {},
          designContext: context,
          $InDesign: true
        });
      }
    });
    function render(ele, path, context, didMountCallback) {
      ReactDom.render(React.createElement(container, {
        context: context,
        _didMount: didMountCallback,
        path: path
      }), ele);
    }
    function unmount(ele) {
      ReactDom.unmountComponentAtNode(ele);
    }
    module.exports = {
      render: render,
      unmount: unmount
    };
  }
});